<template>
  <div>
    <el-col :style="boxStyle">
      <el-row style="height: inherit;">
        <el-col :span="19">
          <iframe :style="iframeStyle" :src="url"></iframe>
          <el-col>
            asdasd
          </el-col>
        </el-col>
        <el-col :span="5" style="height: inherit">
          <el-card style="height: inherit">

          </el-card>

        </el-col>
      </el-row>

    </el-col>
  </div>
</template>

<script>
export default {
  name: "VideoPlayView",
  data() {
    return {
      url: '',
      boxStyle: {
        height: document.documentElement.scrollHeight + 'px',
      },
      iframeStyle: {
        height: '85%',
        width: '100%'
      }
    }
  },
  mounted() {
    this.url = this.$route.query.url;
    window.onresize = () => {
      this.iframeStyle.height = document.documentElement.scrollHeight - 10 + 'px'
      this.boxStyle.height = document.documentElement.scrollHeight + 'px'
    }
  }
}
</script>

<style scoped>

</style>
